<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列车车次管理系统</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
    <div class="container-fluid">
        <a class="navbar-brand" href="/">
            <i class="fas fa-train me-2"></i>列车车次管理系统
        </a>        <ul class="navbar-nav ms-auto" id="authNav">
            <!-- 动态填充登录状态 -->
        </ul>
    </div>
</nav>

<!-- 主内容 -->
<div class="container mt-5">
    <div class="row">        <div class="col-12 text-center">
            <h1 class="display-4">欢迎使用列车车次管理系统</h1>
            <p class="lead">现代化的铁路运营管理平台</p>
            <div class="mt-4" id="authButtons">
                <!-- 动态填充登录/注册按钮或欢迎信息 -->
            </div>
        </div>
    </div>

    <div class="row mt-5">
        <div class="col-md-4">
            <div class="card">
                <div class="card-body text-center">
                    <i class="fas fa-search fa-3x text-primary mb-3"></i>
                    <h5 class="card-title">班次查询</h5>
                    <p class="card-text">查询列车班次信息</p>
                    <button class="btn btn-primary" id="scheduleBtn">查询班次</button>
                </div>
            </div>
        </div>        <div class="col-md-4">
            <div class="card">
                <div class="card-body text-center">
                    <i class="fas fa-ticket-alt fa-3x text-success mb-3"></i>
                    <h5 class="card-title">在线购票</h5>
                    <p class="card-text">便捷的在线购票服务</p>
                    <button class="btn btn-success" id="bookingBtn">立即购票</button>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-body text-center">
                    <i class="fas fa-user fa-3x text-info mb-3"></i>
                    <h5 class="card-title">个人中心</h5>
                    <p class="card-text">管理您的订单和信息</p>
                    <button class="btn btn-info" id="profileBtn">个人中心</button>
                </div>
            </div>
        </div>    </div>
</div>

<!-- 页脚 -->
<footer class="bg-primary text-white text-center py-3 mt-5">
    <div class="container">
        <p>&copy; 2025 列车车次管理系统. All rights reserved.</p>
    </div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="/js/auth.js"></script>
<script>
    $(document).ready(function() {
        console.log('Index page loaded, updating auth status...');
        
        // 更新导航栏认证状态
        updateAuthNav();
        
        // 更新主要内容区域的认证状态
        updateAuthButtons();
        
        // 设置功能按钮的智能链接
        setupSmartLinks();
    });

    // 设置智能链接
    function setupSmartLinks() {
        // 查询班次按钮（无需登录）
        $('#scheduleBtn').on('click', function(e) {
            e.preventDefault();
            directRedirect('/schedule');
        });
        
        // 购票按钮点击事件（需要登录）
        $('#bookingBtn').on('click', function(e) {
            e.preventDefault();
            checkAuthAndRedirect('/user/booking');
        });
        
        // 个人中心按钮点击事件（需要登录）
        $('#profileBtn').on('click', function(e) {
            e.preventDefault();
            checkAuthAndRedirect('/user/profile');
        });
    }
</script>
</body>
</html>